<!--
 * @Author: username 1718324422@qq.com
 * @Date: 2022-10-25 17:00:25
 * @LastEditors: username 1718324422@qq.com
 * @LastEditTime: 2022-11-23 17:59:20
 * @FilePath: \xu_vue\src\view\positionManage\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <div class="whether">
  <div id="he-plugin-simple"></div>
</div>
  </div>
</template>
<script >
// 天气插件配置项
  export default {
    mounted(){
      window.WIDGET = {
        "CONFIG": {
            "modules": "01234",
            "background": "1",
            "tmpColor": "000000",
            "tmpSize": "16",
            "borderRadius":"5",
            "cityColor": "000000",
            "citySize": "16",
            "aqiColor": "000000",
            "aqiSize": "16",
            "weatherIconSize": "24",
            "alertIconSize": "18",
            "padding": "10px 10px 10px 10px",
            "shadow": "0",
            "language": "cn",
            "fixed": "false",
            "vertical": "top",
            "horizontal": "left",
            "city":'CN101220104',
            "float":"false",
            "key": "7a81fd35c793463cb86403369d262460"
        }
   }
   let script = document.createElement('script')
   script.type = 'text/javascript'
   script.src = 'https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0'
   document.getElementsByTagName('head')[0].appendChild(script)
},

}
</script>

<style  scoped>

.whether{
  width: 200px;
  height: 800px;
  position: relative;
  z-index: 9999;
}
</style>